<!DOCTYPE html>
<html>
  <head>
    <meta
      name="description"
      content="海大珍珠商城是一个专注于线上销售珍珠的一个综合性商城。"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><%= title %></title>
    <link rel="stylesheet" href="stylesheets/reset.css" />
    <link rel="stylesheet" href="stylesheets/index.css" />
    <link rel="stylesheet" href="lib/swiper/dist/css/swiper.css" />
    <link rel="shortcut icon" href="images/favicon.ico" type="ico" />
  </head>
  <body>
    <!-- 头部 -->
    <header>
      <h2>个人内容</h2>
    </header>
    <!-- 个人内容 -->
    <main>
      
    </main>
    <!-- 底部导航 -->
    <ul class="footer-nav">
      <% for(var item of result.nav){%>
      <li>
        <a href="<%= item.link%>">
          <!--应该在数据库中存储a标签的跳转地址，动态渲染-->
          <img src="<%= item.img%>" alt="" />
          <p><%= item.title%></p>
        </a>
      </li>
      <% }%>
    </ul>
  </body>
  <script src="/javascripts/flexible.js"></script>
  <script src="/lib/swiper/dist/js/swiper.js"></script>
  <script src="/javascripts/banner.js"></script>
</html>
